<template>
	<view class="login-footer">
		<view class="u-m-b-40">
			<u-divider :fontSize="28">使用其他方式登录</u-divider>
		</view>
		<view v-if="other" class="u-flex u-row-center u-m-b-40">
			<image src="/static/login/weixin.png" style="width: 80rpx; height: 80rpx;margin-right: 50rpx;" mode=""></image>
			<image src="/static/login/zhifubao.png" style="width: 80rpx; height: 80rpx;" mode="" @click="toPage('alipay')"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			other: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
			}
		},
		methods: {
			otherLogin() {
				this.$mRouter.push({ route: '/pages/login/index'})
			},
			toPage(path) {
				this.$mRouter.push({ route: '/pages/login/oauth/' + path})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.login-footer {
		position: absolute;
		/* #ifndef H5 */
		bottom: 100rpx;
		/* #endif */
		/* #ifdef H5 */
		bottom: 0;
		/* #endif */
		text-align: center;
		width: 100%;
		.agree-radio {
			width: 100%;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	// #ifdef APP-PLUS
	::v-deep .u-checkbox__icon-wrap--circle {
		margin-top: 10rpx;
	}
	// #endif
</style>
